<include file="header"/>
<body>
<div class="wraper wraper-btm">
    <div class="lists">
        <div class="clearfix">
            <div class="img-box pull-left"><img src="./images/photo.jpg"/></div>
            <div class="info pull-left">
                <p><span class="name">陈阿姨</span> 女 45岁 河南人 ￥200元/天</p>
                <p>
                    <span class="iconfont icon-weibiaoti1 star"></span>
                    <span class="iconfont icon-weibiaoti1 star"></span>
                    <span class="iconfont icon-weibiaoti1 star"></span>
                    <span class="iconfont icon-weibiaoti1"></span>
                    <span class="iconfont icon-weibiaoti1"></span>
                    2年经验</p>
                <p>浙二医院</p>
            </div>
        </div>
        <div class="label-box block-top"><span class="label">兼职</span><span class="label label-blue">照顾病重患者</span><span class="label label-blue">做饭特别好吃</span><span class="label label-blue">工作细心</span></div>
    </div>
    <div class="info-container">
        <div class="lists text-lists">
            <p>陪护开始时间：2016-03-15 08：00</p>
            <p>陪护结束时间：2016-08-15 18：00</p>
            <p>病人情况 ：中风</p>
            <p>联系人 ：刘明</p>
            <p>联系电话：15485425964</p>
            <p>评价：</p>
            <textarea></textarea>
        </div>
        <div class="lists text-lists">
            <p>预约状态：<span class="text-green">预约成功</span><span class="text-blue">已完成</span><span class="text-red">待确认</span><span class="text-yellow">待评价</span><span class="text-grey">已取消</span></p>
            <p>预约时间：2016-02-24 15：20</p>
            <p>完成时间：2016-02-28 15：20</p>
        </div>
    </div>
    <div class="fixed-btn">
        <a href="#" class="btn iconfont icon-fanhui01"></a>
        <a href="#" class="btn iconfont icon-zhiding" id="backtotop"></a>
    </div>
    <a href="#" class="normal-btn">确认提交</a>
    <!--<div class="bottom-fixed">-->
        <!--<a href="#" class="btn half-btn">返回预约记录</a>-->
        <!--<a href="#" class="btn half-btn blue-btn">取消预约</a>-->
    <!--</div>-->
    <!--<div class="bottom-fixed">
        <a href="#" class="btn">返回预约记录</a>
    </div>-->
</div>
<div class="pop-box">
    <div class="main">
        <p class="iconfont icon-shenheshibai"></p>
        <div class="main-text">
            <p class="stress text-center">您确定要取消本次预约吗？</p>
            <div class="btn-box clearfix">
                <a href="#" class="text-btn">取消</a>
                <a href="#" class="text-btn">确定</a>
            </div>
        </div>
    </div>
</div>
<div class="pop-box">
    <div class="main">
        <p class="iconfont icon-chenggong"></p>
        <div class="main-text">
            <p class="stress text-center">取消成功</p>
            <p class="text-center">您已成功取消本次陪护服务，于2016-2-28开始生效</p>
        </div>
    </div>
</div>
<script src="./js/jquery-2.1.0.min.js"></script>
<script>
    $(function(){
        var height = $(window).height();
        var copyright = $('.copyright').outerHeight();
        $('.wraper').css("minHeight",height);
        $('.wraper').css("paddingBottom",copyright);

        $(function () {
            //当点击跳转链接后，回到页面顶部位置
            $("#backtotop").click(function(){
                $('body,html').animate({scrollTop:0},300);
                return false;
            });
        });
    })
</script>
</body>
</html>
